<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head>
    <title>代理商管理系统</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/statics/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/statics/easyui/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/statics/easyui/themes/color.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/statics/easyui/themes/demo.css" />
    <script src="${ctx}/statics/easyui/jquery.min.js" type="text/javascript"></script>
    <script src="${ctx}/statics/easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="${ctx}/statics/easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body class="easyui-layout" >
    <div id="tool" data-options="region:'north',border:false" style="width:100%;height:40px;background:#eee;">
        <a href="javascript:void(null)" class="easyui-linkbutton" onclick="addPreferenceType()"
           data-options="iconCls:'icon-add',size:'small'" style="margin-left:40px;margin-top:7px">添加优惠类型</a>
    </div>
    <div data-options="region:'center',border:false" style="width:100%;" >
        <table id="preferenceDg" style="width:100%;"></table>
    </div>
    <%--修改财务类型窗口--%>
    <div id="win" class="easyui-window" style="width:400px;height:300px;"
         data-options="iconCls:'icon-save',modal:true,closed:true">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'north',split:false" style="height:40px;line-height:38px;text-align:center" ><span id="funcTitle"></span></div>
            <div data-options="region:'center'" style="text-align:center">
                <form id="preferenceForm">
                    <table id="ct" style="margin:20px auto;display:none" cellpadding="5px">
                        <tr>
                            <td>类型名称:</td>
                            <td><input class="easyui-textbox" type="text" name="configTypeName" style="width:120px"
                                       data-options="required:true,missingMessage:'类型名称不能为空'" />
                            </td>
                        </tr>
                        <tr>
                            <td>类型数值:</td>
                            <td><input class="easyui-textbox" type="text" name="configTypeValue" style="width:120px"
                                       data-options="required:true,missingMessage:'类型数值不能为空'" />
                            </td>
                        </tr>
                        <tr>
                            <td>实际数值:</td>
                            <td><input class="easyui-textbox" type="text" name="configValue" style="width:120px"
                                       data-options="required:true,missingMessage:'实际数值不能为空'" />
                            </td>
                        </tr>
                        <tr>
                            <td>是否启用:</td>
                            <td>
                                <select id="isStart" class="easyui-combobox" name="isStart" style="width:120px;">
                                    <option value='true' selected >启用</option>
                                    <option value='false' >不启用</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
            <div data-options="region:'south',border:false" style="text-align:right;height:40px;padding:7px 10px 5px">
                <a id="confirm" class="easyui-linkbutton" data-options="iconCls:'icon-ok',size:'small'" href="javascript:void(0)"
                   style="width:80px">确定</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel',size:'small'" href="javascript:void(0)"
                   onclick="closeWin()" style="width:80px">取消</a>
            </div>
        </div>
    </div>

    <script>
        $(
            function ()
            {
                $('#ct').hide();
                $("#preferenceDg").datagrid({
                    url:'${ctx}/do/showDateGrid',
                    queryParams:{"configType":7},
                    singleSelect:true,
                    fitColumns:true,
                    striped:true,
                    fit:true,
                    rownumbers:true,
                    pagination:true, //增加分页工具栏
                    pageNumber:1, //设置初始化页码
                    pageSize:10,  //页大小
                    pageList:[5,10,15], //显示数量选择
                    columns:
                        [
                            [
                                {field:'id',title:'序号',width:'16%',align:'center'},
                                {field:'configTypeName',title:'配置类型',width:'16%',align:'center'},
                                {field:'configTypeValue',title:'配置数值',width:'16%',align:'center'},
                                {field:'configValue',title:'实际数值',width:'16%',align:'center'},
                                {field:'isStart',title:'是否启用',width:'16%',align:'center',
                                    formatter: function(value,row,index)
                                    {
                                        return ( value?"启用":"未启用" );
                                    },
                                    styler: function(value,row,index)
                                    {
                                        return ( value?"color:green":"color:red" );
                                    }
                                },
                                {field:'control',title:'操作', width:'18%', align:'center',
                                    formatter: function(value,row,index)
                                    {
                                        var str = '<a href="javascript:void(null)" class="easyui-linkbutton" onclick="editPreferenceType(' + row.id + ')" ' +
                                            ' data-options="iconCls:\'icon-edit\',size:\'small\'"  >修改</a>' + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' +
                                            '<a href="javascript:void(null)" class="easyui-linkbutton" onclick="delPreferenceType(' + row.id + ')" ' +
                                            ' data-options="iconCls:\'icon-remove\',size:\'small\'" >删除</a>';
                                        return str;
                                    }
                                }
                            ]
                        ]
                });
            }
        );

        //点击修改按钮时弹出
        function editPreferenceType( id )
        {

            //设置面板标题
            $("#win").panel('setTitle','修改操作');
            $("#funcTitle").text("修改优惠类型");
            //alert( id );
            //发送请求获取要修改的角色信息
            //将其填充到列表中
            $.ajax(
                {
                    type:"POST",
                    url:"${ctx}/do/selectConfig",
                    data:{"configId":id,"configType":7},
                    dataType:"json",
                    success:function ( json )
                    {
                        $("#preferenceForm").form( 'load' ,
                            {
                                configTypeName:json.configTypeName,
                                configTypeValue:json.configTypeValue,
                                configValue:json.configValue
                            });
                        //选择指定的option选项
                        //注意option中value为字符串true false 故需将json对象添加''转换为字符串
                        $("#isStart").combobox('select',json.isStart + '');
                        //$("#isStart").combobox('setValue',json.isStart);
                        //为确认按钮注册事件--点击确认提交表单
                        $("#confirm").off('click').on('click',
                            function ()
                            {
                                //设置表单请求
                                $("#preferenceForm").form(
                                    {
                                        url:"${ctx}/do/updateConfig",
                                        //提交前设置表单携带参数
                                        onSubmit: function(param){
                                            param.id = id;
                                            param.configType = 7;
                                        },
                                        //提交成功后处理返回值
                                        success:function(data)
                                        {
                                            //注意需要将返回值转换为json
                                            var json = JSON.parse(data);
                                            infoWindows( "修改" , json );
                                            //刷新页面
                                            $("#preferenceDg").datagrid('reload');
                                        }
                                    });
                                //提交表单
                                $("#preferenceForm").submit();
                                //关闭窗口
                                $('#win').window('close');
                            });
                        $('#ct').show();
                        $('#win').window('open');
                    }
                }
            )
        }

        //添加优惠类型
        function addPreferenceType()
        {
            //设置面板标题
            $("#win").panel('setTitle','添加操作');
            //清空表单值
            $("#preferenceForm").form('clear');
            //设置启用项默认值
            $("#isStart").combobox('select','true');
            //修改窗口标题
            $("#funcTitle").text("添加优惠类型");
            //为确认按钮注册事件
            $("#confirm").off('click').on('click',
                function ()
                {
                    //设置表单请求
                    var form = $("#preferenceForm").form(
                        {
                            url:"${ctx}/do/addConfig",
                            //提交前设置表单携带参数
                            onSubmit: function(param)
                            {
                                param.configType = 7;
                            },
                            //提交成功后处理返回值
                            success:function(data)
                            {
                                //注意需要将返回值转换为json
                                var json = JSON.parse(data);
                                infoWindows( "添加" , json );
                                //刷新页面
                                $("#preferenceDg").datagrid('reload');
                            }
                        });
                    //提交表单
                    form.submit();
                    //关闭窗口
                    $('#win').window('close');
                });
            $('#ct').show();
            //打开窗口
            $('#win').window('open');
        }

        //删除优惠类型
        function delPreferenceType( id )
        {
            $.messager.confirm('删除操作','确认删除吗?',
                function( choose )
                {
                    //点击确认则choose为true
                    if ( choose )
                    {
                        //发送删除请求
                        $.ajax(
                            {
                                type:"POST",
                                url:"${ctx}/do/delConfig",
                                data:{"configId":id,"configType":7},
                                dataType:"json",
                                success:function ( json )
                                {
                                    infoWindows( "删除" , json );
                                    //刷新页面
                                    $("#preferenceDg").datagrid('reload');
                                }
                            }
                        )
                    }
                });
        }

        //消息提示窗口
        function infoWindows( str , json )
        {
            var title = str + "操作";
            var info = (json.message == 1?(str + "成功"):( str + "失败"));
            var icon = (json.message == 1?"info":"error");
            $.messager.alert(title,info,icon);
        }

        //关闭操作窗口
        function closeWin()
        {
            $('#win').window('close');
        }

    </script>
</body>
</html>
